// 给注册的盒子注册点击事件
$('#link-reg').on('click', function () {
  // 注册的盒子显示
  $('.reg-box').show();
  // 登录盒子隐藏
  $('.login-box').hide();
})
// 点去击登录的盒子显示登录界面
$('#link-login').on('click', function () {
  // 显示登录几面
  $('.login-box').show();
  // 注册盒子隐藏
  $('.reg-box').hide();
})

// 使用layui自定义校验规则
layui.form.verify({
  //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
  uname: [
    /^[a-zA-Z0-9]{1,10}$/,
    '账户名必须1到10位的字母数字'
  ],
  pwd: [
    /^[\S]{1,6}$/,
    '密码必须6到12位，且不能出现空格'
  ],
  // 判断两次输入的密码是否一致
  repwd: function (value) {
    let pwdq = $('.reg-box [name="password"]').val()
    if (value !== pwdq) {
      // 校验不通过
      return '两次密码不一致'
    }
  }

})

// 监听表单的submit事件
$('.reg-box form').on('submit', function (e) {
  // 阻止表单提交行为
  e.preventDefault()
  // 1.发起POST请求
  // 2.判断是否请求成功
  // 3.提示用户注册成功
  // 4.隐藏 注册 展示 登录
  axios.post('/api/reg', $(this).serialize()).then(({ data: res }) => {
    if (res.code === 0) {
      // 成功
      layer.msg('注册成功,请登录!')
      // 模拟元素的点击行为
      $('#link-login').click()
    } else {
      // 失败
      layer.msg(res.message)
    }
  })
})
//监听表单的submit事件
$('.login-box form').on('submit', function (e) {
  // 阻止浏览器默认行为
  e.preventDefault()
  // 发起POST请求,进行登录
  axios.post('/api/login', $(this).serialize()).then(({ data: res }) => {
    if (res.code === 0) {
      // 登录成功
      layer.msg('登录成功!')
      // 把token的值储存到本地
      localStorage.setItem('token', res.token)
      // 跳转到后台主页

      location.href = '/index.html'
    } else {
      // 登录失败
      layer.msg('登陆失败!')
      // 移除 token
      localStorage.removeItem('token')
    }
  })
})
